<template>
  <div style='overflow:hidden'>
    <div style='float :left; '>
      <MyProduct
        v-for="(obj,ind) in list"
        :key="obj.id"
        :title="obj.proname"
        :price='obj.proprice'
        :intro='obj.info'
        :index='ind'
        @rz='wyz'
      ></MyProduct>
    </div>

    <div style='float: left;'>
      <List :arr='list'></List>
    </div>
  </div>
</template>

<script>
import MyProduct from './components/MyProduct'
import List from './components/list.vue'
export default {
  data () {
    return {
      list: [
        { id: 1, proname: "超级好吃的棒棒糖", proprice: 18.8, info: '开业大酬宾, 全场8折' },
        { id: 2, proname: "超级好吃的大鸡腿", proprice: 34.2, info: '好吃不腻, 快来买啊' },
        { id: 3, proname: "超级无敌的冰激凌", proprice: 14.2, info: '炎热的夏天, 来个冰激凌了' },
      ],
    }
  },
  components: {

    MyProduct,

    List

  },
  methods: {
    wyz (index, price) {
      this.list[index].proprice > 1 && (this.list[index].proprice = (this.list[index].proprice - price).toFixed(2))
    }
  }

}
</script>

<style>
</style>